<template>
    <div class="success">
        <el-icon color="#007cff" size="90">
            <SuccessFilled />
        </el-icon>
        <div class="success_text">
            恭喜 账号注册成功
        </div>
        <!-- <div class="tip">
            输你的手机号即可加入到企业角色
        </div> -->
        <el-button class="login-btn" type="primary" color="#007cff" @click="goLogin">返回登录</el-button>
        <!-- <footer class="footer">
        <div>广东智捷云服务科技有限公司版权所有</div>
        <div>粤ICP备2023070912号</div>
    </footer> -->
    </div>
</template>
<script lang="ts" setup>
import { ref, reactive } from 'vue'
import { useRouter, useRoute } from 'vue-router'
const router = useRouter()
// 登录页面
const goLogin = () => {
    router.push({ path: '/login/index' })
}
</script>
  
<style lang="scss" scoped>
@import "../index.scss";

.success {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin-top: 40px;

    .success_text {
        color: #007cff;
        font-size: 14px;
        margin: 20px;
    }

    .tip {
        color: #999;
        font-size: 14px;
    }

    .login-btn {
        margin: 20px 0;
    }

    .footer {
        margin-top: 20px;
    }
}
</style>
